*{
    margin: 0;
    padding: 0;
}
body{
    width: 100vw;
    height: 100vh;
}
#app{
    width: 100%;
    height: 100%;
    border: 1px solid #f00;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
/* 公共压根是：垂直弹性布局 */
.flex-column{
    display: flex;
    flex-direction: column
    ;
}
/* 完美居中方案 */
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.head{
    flex: 2;
    background: #d24735;
}
.fimg{
    flex: 8;
    
}
.movie1{
    flex: 3;
    background: #ffffff;
    
    
}
.movie-img img{
    width: 25vw;
    height: 16vh;
    align-items: center;
}
.movie-img{
    flex: 2;
}
.movie-world{
    flex: 6;
  
  
}
.movie-select{
    flex: 3;
}
.movie-name{
    flex: 1;
}
.movie-text{
    flex: 1;
}
.movie-money{
    flex: 1;
 
}
.niceButton{
    flex: 1;
}


.movie2{
    flex: 3;
    background: #ffffff
}
.movie3{
    flex: 3;
    background: #ffffff;
   
}
.foot{
    flex: 3;
    background:#d24735;
}
.head div{
    color:#ffffff ;
}
.city{
    flex: 1;
}
.app-name{
    flex: 5;
    font-size: 17px;

}

.search-icon{

    flex: 1;
}
#fimg{
    width: 100vw;
    height: 50vh;
    align-items: center;
   
  }
  .re{
    position: relative;
    height: 30vh;
  }
  .re ul{
    list-style-type:none ;
  }
  .re ul>li{
    width: 30vw;
    height: 30vh;
    position: absolute;
  
    transition: 0.5s;
    opacity: 0;
  }
  .re ul>li img{
    width: 100vw;
    height: 30vh;
    
  }
  #fimg ol {
    position: relative;
    
   
    
  }
  #fimg ol li {
    width: 23vw;
    height: 10vh;
  }
  .niceButton {  
    background-color: #d24735;  
    border: none;  
    border-radius: 10px; /* 减小了边框圆角 */  
    color: white;  
    padding: 8px 16px; /* 减小了内边距 */  
    text-align: center;  
    text-decoration: none;  
    display: inline-block;  
    font-size: 14px; /* 减小了字体大小 */  
    margin: 2px; /* 减小了外边距 */  
    cursor: pointer;  
    -webkit-transition-duration: 0.4s;  
    transition-duration: 0.4s;  
}  
  
.niceButton:hover {  
    box-shadow: 0 8px 12px 0 rgba(48, 11, 11, 0.24),  
    0 12px 30px 0 rgba(0,0,0,.19); /* 减小了阴影大小 */  
}
.tj{
    flex: 1;
    align-items: center;
}
.fl{
    flex:1;
    align-items: center;
}
.ph{
    flex: 1;
    align-items: center;
}
.my{
    flex: 1;
    align-items: center;
}
.ntn{
    width: 30px; /* 设置按钮宽度 */  
        height: 30px; /* 设置按钮高度 */  
        background-size: cover; /* 图片覆盖整个按钮区域 */  
        border: none; /* 移除按钮边框 */  
}